﻿.banner_box {
    width: 896px;
    height: 454px;
    margin: 20px 0 0 304px;
    overflow: hidden;
    position: relative
}

.banner_box .top_bnr {
    width: 100%;
    background-color: #f7f7f7
}

.banner_box .top_bnr .banner {
    width: 100%;
    z-index: 0
}

.banner_box .top_bnr .banner li {
    width: 100%;
    position: absolute
}

.banner_box .top_bnr .banner li .pic {
    display: block;
    width: 100%;
    overflow: hidden
}

.banner_box .num {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 20px
}

.banner_box .num b {
    background-color: #FFF;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    height: 10px;
    width: 10px;
    font-size: 0;
    filter: alpha(opacity=80);
    opacity: .8
}

.banner_box .num b.cur {
    background-color: #fff;
    height: 10px;
    width: 20px;
    border-radius: 10px
}

.banner_box .bnr_btn_wrap {
    width: 100%;
    z-index: 9;
    position: absolute;
    top: 200px
}

.banner_box .bnr_btn_wrap .bnr_btn {
    width: 100px;
    height: 44px;
    cursor: pointer;
    position: absolute
}

.banner_box .bnr_btn_wrap .prev {
    left: 0;
    background: url("../../../css/images/pre_36x44.png") no-repeat
}

.banner_box .bnr_btn_wrap .next {
    right: 0;
    background: url("../../../css/images/next_36x44.png") no-repeat center right
}

.banner_box {
    height: 447px
}

@media screen and (max-width: 1220px) {
    body {
        width: 1220px
    }
}

body {
    background-color: #fff
}

img {
    display: block
}

.top_wrap {
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.top_ad_box {
    width: 100%;
    height: 285px;
    overflow: hidden;
    margin-top: 20px;
    *zoom: 1
}

.top_ad_box:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    height: 0
}

.top_ad_box li {
    float: left;
    width: 285px;
    height: 285px;
    overflow: hidden;
    margin-right: 20px
}

.top_ad_box .mr0 {
    margin-right: 0
}

.top_ad_box img {
    width: 285px
}

h2 {
    width: 100%;
    text-align: center;
    margin-top: 84px;
    margin-bottom: 20px
}

h2 img {
    display: inline-block
}

.brand_wrap {
    width: 1200px;
    height: 589px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    *zoom: 1
}

.brand_wrap:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    height: 0
}

.brand_wrap .brand_box {
    width: 283px;
    height: 589px;
    float: left;
    margin-right: 20px
}

.brand_wrap .brand_box a {
    display: block
}

.brand_wrap .brand_box img {
    display: block
}

.brand_wrap .brand_box .ad_up {
    width: 283px;
    height: 297px;
    overflow: hidden
}

.brand_wrap .brand_box .ad_up img {
    width: 283px
}

.brand_wrap .brand_box .ad_l {
    *zoom: 1
}

.brand_wrap .brand_box .ad_l:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    height: 0
}

.brand_wrap .brand_box .ad_list {
    float: left;
    width: 140px;
    height: 96px;
    overflow: hidden;
    border: 1px solid #eee;
    margin: 0 -1px -1px 0
}

.brand_wrap .brand_box .ad_list img {
    width: 140px
}

.brand_wrap .showOne {
    width: 305px;
    height: 589px;
    overflow: hidden;
    float: left
}

.brand_wrap .showOne a {
    display: block
}

.brand_wrap .showOne img {
    width: 305px
}

.brand_wrap .ad_r {
    *zoom: 1;
    float: right;
    width: 592px;
    height: 589px;
    overflow: hidden
}

.brand_wrap .ad_r:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    height: 0
}

.brand_wrap .ad_r a {
    float: left;
    width: 294px;
    height: 293px;
    overflow: hidden;
    border: 1px solid #eee;
    margin: 0 -1px -1px 0
}

.brand_wrap .ad_r img {
    width: 294px
}

.common_box {
    width: 1200px;
    height: 525px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

.common_box .ad_t {
    *zoom: 1;
    width: 100%;
    height: 284px;
    overflow: hidden
}

.common_box .ad_t:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    height: 0
}

.common_box .ad_t a {
    float: left
}

.common_box .ad_t .ad1 {
    width: 590px;
    height: 284px;
    overflow: hidden
}

.common_box .ad_t .ad1 img {
    width: 590px
}

.common_box .ad_t .ad2 {
    width: 184px;
    height: 284px;
    margin-left: 19px;
    overflow: hidden
}

.common_box .ad_t .ad2 img {
    width: 184px
}

.common_box .ad_b {
    *zoom: 1;
    width: 100%;
    height: 220px;
    overflow: hidden;
    margin-top: 20px
}

.common_box .ad_b:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    height: 0
}

.common_box .ad_b .ad_attr_box {
    float: left;
    width: 245px;
    height: 200px;
    overflow: hidden;
    background-color: #F9F9F9;
    padding: 10px 20px
}

.common_box .ad_b .ad_attr_box a {
    float: left;
    width: 81px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-align: left;
    font-size: 14px;
    color: #333;
    margin: 10px 0
}

.common_box .ad_b .ad_attr_box a:hover {
    color: #ff3366
}

.common_box .ad_b .ad_attr_box .red {
    color: #ff3366
}

.common_box .ad_b .ad_3 {
    width: 285px;
    height: 220px;
    overflow: hidden;
    margin-left: 20px;
    float: left
}

.common_box .ad_b .ad_3 img {
    width: 285px;
    height: 220px
}

.zhanwei {
    height: 65px
}